// 计算单位函数
@function computed($number) {
	@return ($number/750)*100vw
};

@function computedH($height) {
	@return ($height/1334)*100vh
};

@function gradient($deg,$startColor,$endColor) {
	@return linear-gradient($deg + deg, $startColor, $endColor)
}

// 单行、多行文本溢出
@mixin ellipsis($line: 1) {
	@if ($line == 1) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	} @else {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: $line;
	}
}

// 弹性布局盒子
@mixin flexBox($justify: center, $align: center, $direction: row, $flex-wrap: nowrap) {
	display: flex;
	display: -webkit-flex;

	@if ($justify != null) {
		justify-content: $justify;
	}
	@if ($align != null) {
		align-items: $align;
	}
	@if ($direction != null) {
		flex-direction: $direction;
	}
	@if ($flex-wrap != null) {
		flex-wrap: $flex-wrap;
	}
}

// 常用背景、底色色值-UI规范
$main-color: #F70114;	// 主色
$main-light: #F7AB01;	// 主亮色
$main-dark: #F75601;	// 主暗色
$linear-gradient-column: linear-gradient($main-color, #DBC194);	       // 从上到下的渐变色
$linear-gradient-row: linear-gradient(225deg, $main-dark , $main-color);  // 从左到右的渐变色 默认
$linear-gradient-row-light: linear-gradient(225deg, $main-light, $main-color);  // 从左到右的渐变色 高亮

// 背景色
$bg-grey: #F5F7F9;  		// 背景主色
$bg-white: #FFFFFF;			// 背景色0级
$bg-grey-default: #F7F6F9;	// 背景色1级
$bg-grey-second: #F6F6F6;	// 背景色2级
$bg-grey-three: #F3F4F6;	// 背景色2级
$bg-grey-deep: #F8F6F9;		// 背景深色
$bg-shadow: #d8dde6;    	// 背景阴影色
$bg-tip: #FFF7E8;  			// 提示框背景色
$bg-invalid: #C6CFD9;		// 背景失效色

// 常用文字色值-UI规范
$text-white: #FFFFFF;			// 标准文字白色
$text-black: #171717;			// 标准文字黑色
$text-blue: #171717;			// 标准文字蓝色
$text-title: #171717;			// 标题色
$text-grey: #AAA6A6;			// 正文色
$text-grey-default: #B5B5B5;	// 图标色
$text-grey-invalid: #C6CFD9;	// 失效色

// border色值-UI规范
$border-gray: #D7DDE4FF;
$border-dotted: #EEF1F3;// 分割虚线

// 功能色
$color-error: #F34F4F;		// 错误色
$color-warn: #F99819;		// 警告色
$color-link: #689EFF;		// 链接色
$color-success: #11CA8F;	// 成功色

// 标准颜色
$color-red: #FF0000; 		// 红色
$color-orange: #FFA500; 	// 橙色
$color-yellow: #FFFF00; 	// 黄色
$color-green: #008000; 		// 绿色
$color-blue: #0000FF; 		// 蓝色
$color-indigo: #4B0082; 	// 靛蓝
$color-purple: #800080; 	// 紫色
$color-pink: #FFC0CB;  		// 粉色
$color-black: #000000; 		// 黑色
$color-white: #FFFFFF; 		// 白色

// 字体大小值-UI规范
$font12: computed(12);
$font14: computed(14);
$font16: computed(16);
$font18: computed(18);
$font20: computed(20);
$font22: computed(22);
$font24: computed(24);	// Caption2
$font26: computed(26);	// Caption1
$font28: computed(28);	// Body
$font30: computed(30);	// H3
$font32: computed(32);	// H2
$font34: computed(34);	// 首页H2标题
$font36: computed(36);	// H1
